const DEFAULT_COLOR = "red";

const DEFAULT_WIDTH = 2;

// FILL
export const FILL_PAINT = {
	fillColor: DEFAULT_COLOR,
	fillOpacity: 0.1,
};

// LINE
export const LINE_PAINT = {
	strokeColor: DEFAULT_COLOR,
	strokeWidth: DEFAULT_WIDTH,
	dashArray: [1, 0],
	dashOffset: 0,
};

export const LINE_LAYOUT = {
	lineCap: "round",
	lineJoin: "round",
};

// POINT
export const POINT_PAINT = {
	circleColor: DEFAULT_COLOR,
	circleRadius: 5,
	circleOpacity: 0.5,
	"circle-stroke-color": "#fff",
	"circle-stroke-width": DEFAULT_WIDTH,
	circleStrokeOpacity: 1,
};

// TEXT
export const TEXT_PAINT = {
	color: "#D20C0C",
	haloColor: "#fff",
	haloWidth: DEFAULT_WIDTH,
};

export const TEXT_LAYOUT = {
	lable: "自定义文本",
	size: 16,
	rotate: 0,
	// "text-offset": [0, 0.6],
	// "text-anchor": "top",
	// "text-font": ["Open Sans Regular"],
};

// ICON
export const ICON_PAINT = {
	opacity: 1,
	haloColor: DEFAULT_COLOR,
	haloWidth: DEFAULT_WIDTH,
};

export const ICON_LAYOUT = {
	iconPath: "draw-icon",
	size: 1,
	offset: [0, -20],
};
